<template>
  <div>
    <div>
   <!-- 66 -->
   <van-button  round @click="showPopup" icon="http://rul4y8e5f.hn-bkt.clouddn.com/%E6%B7%BB%E5%8A%A0.png" >新建收藏夹</van-button>

    <collect-list></collect-list>
     <!-- <CollectPage2List :collect-id="666" :userId="666" :collectName="666"></CollectPage2List> -->
    </div>
    <van-popup v-model="show" position="bottom" :style="{ height: '20%' }"  round  closeable >
      <create-collect></create-collect>
    </van-popup>



  </div>
</template>

<script>
import CollectList from './CollectList.vue'
import CreateCollect from './CreateCollect.vue';
// import CollectPage2List from './CollectPage2List.vue'
export default {
  name: "UserCollect",
  data() {
    return {
      show: false
    }
  },
  components: {
    // CollectPage2List,
    CollectList,
    CreateCollect,
   },
   methods: {
    showPopup(){
      this.show = true;
    }
   },

}
</script>

<style>

</style>